<template>
  <div id="app">        
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  created(){
    // new DevicePixelRatio().init();
  }
}
</script>

<style lang="less">
  *{
    padding: 0;
    margin:0;
  }

  html,body{
    width:100%;
    height:100%;
    min-width: 1920px;
    // min-height: 1080px;
    #app{
        height: 100%;
        .li_line{
            display: inline-block;
            width: 1px;
            height: 9px;
            background-color: rgba(63, 127, 154, 1);
        }
        #map{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
        }
      
        .topNav{
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 100;
            width: 100%;
            // min-width: 1920px;
            padding-top:8px;
            height: 82px !important;
        }
    }

    // 表格公共样式
    .el-table, .el-table__expanded-cell{
        background-color: transparent;
    }
    

    //分页公共样式
    .el-pagination{
            position:relative;
            // height: 80px;
            margin-top: 20px;
            text-align: center;
            .el-input__inner{
                border: 1px solid rgba(255, 255, 255, 0.3);
                background: transparent;
            }
           
            span,input,i,li{
                color: #FFFFFF;
            }
            button{
                background-color: transparent !important;
                border: 1px solid rgba(255,255,255,0.2);
            }
            .el-pager{
                li{
                    cursor: pointer;
                    margin: 0 4px;
                    border: 1px solid rgba(255,255,255,0.2);
                    background: transparent;
                    border-radius: 3px;
                }
                li:hover,li.active{
                    border: 1px solid #1890FF;
                }    
                .el-pagination .btn-next, .el-pagination .btn-prev{
                    background: transparent;
                }            
            }
            
        }
    }
</style>
